<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<div>
	<h1 class="content-title">Participants</h1>
	<div class="search-fields">
		Email:<input type="text" id="search-email" />
		<button id="btnSearch" style="margin-left: 10px;" onclick="searchPurchase()">Search</button>
	</div>
	<div id="result">
		<jsp:include page="table.jsp" />
	</div>
	<script type="text/javascript">
		$(function() {

			$("#btnSearch").button().click(
					function() {
						var email = $('#search-email').val();
						var params = '&email=' + email;
						$.post("participants/table.jsp", params, function(
								responseData) {
							$('#result').html(responseData)
						});
					})

		});
	</script>
</div>